html { background-color: #f7f7f7; overflow-x: hidden; height: 100% !important; min-height: 100%; }
body { font-family: Microsoft YaHei, Helvitica, Verdana, Arial, san-serif; font-size: 13px; color: #717171; background-color: transparent; -webkit-font-smoothing: antialiased; height: 100% !important; }
ul li { list-style: none; }
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 { margin: 0 }
span img { width: 24px; height: 24px; }
a { color: #2e3e4e; text-decoration: none }
a:hover,
a:focus,
a:active { color: #4a647e; text-decoration: none; outline: none }
.badge { background-color: #bebebe }
.badge.up { position: relative; top: -10px; padding: 3px 6px }
.badge-sm { font-size: 85%; padding: 2px 5px!important }
label { font-weight: normal }
.label-sm { padding-top: 0; padding-bottom: 0 }
.text-primary { color: #65bd77 }
.text-info { color: #4cc0c1 }
.text-success { color: #8ec165 }
.text-warning { color: #ffc333 }
.text-danger { color: #fb6b5b }
.text-black { color: #282828 }
.text-light { color: #f1f1f1 }
.text-white { color: #fff }
.text-dark { color: #2e3e4e }
.text-muted { color: #979797 }
small { font-size: 90% }
.badge-white { background-color: transparent; border: 1px solid rgba(255,255,255,.35); padding: 2px 6px }
.badge-hollow { background-color: transparent; border: 1px solid rgba(0,0,0,.15); color: inherit }
.caret-white { border-top-color: #fff; border-top-color: rgba(255,255,255,.65) }
a:hover .caret-white { border-top-color: #fff }
.tooltip-inner { background-color: rgba(0,0,0,.9); background-color: #2e3e4e }
.tooltip.top .tooltip-arrow { border-top-color: rgba(0,0,0,.9); border-top-color: #2e3e4e }
.tooltip.right .tooltip-arrow { border-right-color: rgba(0,0,0,.9); border-right-color: #2e3e4e }
.tooltip.bottom .tooltip-arrow { border-bottom-color: rgba(0,0,0,.9); border-bottom-color: #2e3e4e }
.tooltip.left .tooltip-arrow { border-left-color: rgba(0,0,0,.9); border-left-color: #2e3e4e }
.popover-content { font-size: 12px; line-height: 1.5 }
.progress-xs { height: 6px }
.progress-sm { height: 10px }
.progress-sm .progress-bar { font-size: 10px; line-height: 1em }
.breadcrumb { background-color: #fff; border: 1px solid #e8e8e8; padding-left: 10px; font-size: 12px; margin-bottom: 10px }
.breadcrumb a { color: #999 }
.accordion-group,
.accordion-inner { border-color: #e8e8e8; border-radius: 2px }
.alert { font-size: 85%; box-shadow: inset 0 1px 0 rgba(255,255,255,.2) }
.alert .close i { font-size: 12px; font-weight: normal; display: block }
.form-control { border-color: #d9d9d9; border-radius: 2px }
.form-control,
.form-control:focus { -webkit-box-shadow: none; box-shadow: none }
.form-control:focus { border-color: #4cc0c1 }
.input-xs { width: 80px!important }
.input-s-sm { width: 120px }
.input-s { width: 200px }
.input-s-lg { width: 250px }
.input-xl { width: 300px }
.input-xll { width: 350px }
.input-xls { width: 400px }
.input-group-addon { border-color: #d9d9d9; background-color: #f9f9f9 }
.list-group { border-radius: 2px }
.list-group.no-radius .list-group-item { border-radius: 0!important }
.list-group.no-borders .list-group-item { border: none }
.list-group.no-border .list-group-item { border-width: 1px 0 }
.list-group.no-bg .list-group-item { background-color: transparent }
.list-group-item { border-color: #e8e8e8; padding-right: 15px }
.list-group-item.media { margin-top: 0 }
.list-group-item.active { color: #fff; border-color: #65bd77!important; background-color: #65bd77!important }
.list-group-item.active .text-muted { color: #d0ebd6 }
.list-group-item.active a { color: #fff }
.list-group-alt .list-group-item:nth-child(2n+2) { background-color: rgba(0,0,0,.02) }
.list-group-lg .list-group-item { padding-top: 15px; padding-bottom: 15px }
.list-group-sp .list-group-item { margin-bottom: 5px; border-radius: 3px }
.list-group-item>.badge { margin-right: 0 }
.list-group-item>.fa-chevron-right { float: right; margin-top: 4px; margin-right: -5px }
.list-group-item>.fa-chevron-right+.badge { margin-right: 5px }
.nav-pills.no-radius>li>a { border-radius: 0 }
.nav-pills>li.active>a { color: #fff!important; background-color: #4cc0c1!important }
.nav.nav-sm>li>a { padding: 6px 8px }
.nav .avatar { width: 26px; margin-top: -5px; margin-right: 5px }
.panel { border-radius: 2px }
.panel.panel-default { border-color: #e8e8e8 }
.panel.panel-default>.panel-heading,
.panel.panel-default>.panel-footer { border-color: #e8e8e8 }
.panel .list-group-item { border-color: #f0f0f0 }
.panel.no-borders { border-width: 0 }
.panel.no-borders .panel-heading,
.panel.no-borders .panel-footer { border-width: 0 }
.panel .table td,
.panel .table th { padding: 6px 15px; border-top: 1px solid #f1f1f1 }
.panel .table thead>tr>th { border-bottom: 1px solid #ebebeb }
.panel .table-striped>tbody>tr:nth-child(odd)>td,
.panel .table-striped>tbody>tr:nth-child(odd)>th { background-color: #f9f9f9 }
.panel .table-striped>thead th { background: #f5f5f5; border-right: 1px solid #f1f1f1 }
.panel .table-striped>thead th:last-child { border-right: none }
.panel-heading { border-radius: 2px 2px 0 0 }
.panel-heading.no-border { margin: -1px -1px 0 -1px; border: none }
.panel-heading .nav { font-size: 13px; margin: -10px -15px -11px; border: none }
.panel-heading .nav>li>a { border-radius: 0; margin: 0; border-width: 0 }
.panel-heading .nav-tabs.nav-justified { width: auto }
.panel-heading .nav-tabs.nav-justified>li:first-child>a,
.panel-heading .nav-tabs.pull-left>li:first-child>a { border-radius: 2px 0 0 0 }
.panel-heading .nav-tabs.nav-justified>li:last-child>a,
.panel-heading .nav-tabs.pull-right>li:last-child>a { border-radius: 0 2px 0 0 }
.panel-heading .nav-tabs>li>a { line-height: 1.5 }
.panel-heading .nav-tabs>li>a:hover,
.panel-heading .nav-tabs>li>a:focus { border-width: 0; background: transparent; border-color: transparent }
.panel-heading .nav-tabs>li.active>a,
.panel-heading .nav-tabs>li.active>a:hover,
.panel-heading .nav-tabs>li.active>a:focus { color: #717171; background: #fff }
.panel-heading .list-group { background: transparent }
.panel-footer { border-radius: 0 0 2px 2px }
.panel-group .panel-heading+.panel-collapse .panel-body { border-top: 1px solid #eaedef }
.open { position: relative }
.dropdown-menu { font-size: 13px; border-radius: 2px; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.1); box-shadow: 0 2px 6px rgba(0,0,0,.1); border: 1px solid #ddd; border: 1px solid rgba(0,0,0,.1) }
.dropdown-menu.pull-left { left: 100% }
.dropdown-menu>.panel { border: none; margin: -5px 0 }
.dropdown-menu>li>a { padding: 5px 15px }
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus { background-image: none; filter: none; background-color: #f1f1f1!important; color: #717171 }
.dropdown-header { padding: 5px 15px }
.dropdown-submenu { position: relative }
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a { background-color: #f1f1f1!important; color: #717171 }
.dropdown-submenu:hover>.dropdown-menu,
.dropdown-submenu:focus>.dropdown-menu { display: block }
.dropdown-submenu.pull-left { float: none!important }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px }
.dropdown-submenu .dropdown-menu { left: 100%; top: 0; margin-top: -6px; margin-left: -1px }
.dropup .dropdown-submenu>.dropdown-menu { top: auto; bottom: 0 }
.dropdown-select>li>a input { position: absolute; left: -9999em }
.carousel-control { width: 40px; color: #999; text-shadow: none }
.carousel-control:hover,
.carousel-control:focus { color: #ccc; text-decoration: none; opacity: .9; filter: alpha(opacity=90) }
.carousel-control.left,
.carousel-control.right { background-image: none; filter: none }
.carousel-control i { position: absolute; top: 50%; left: 50%; z-index: 5; display: inline-block; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px }
.carousel-indicators.out { bottom: -5px }
.carousel-indicators li { -webkit-transition: background-color .25s; transition: background-color .25s; background: #ddd; background-color: rgba(0,0,0,.2); border: none }
.carousel-indicators .active { background: #f0f0f0; background-color: rgba(200,200,200,.2); width: 10px; height: 10px; margin: 1px }
.carousel.carousel-fade .item { -webkit-transition: opacity .25s; transition: opacity .25s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; filter: alpha(opacity=0) }
.carousel.carousel-fade .active { opacity: 1; filter: alpha(opacity=1) }
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right { left: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0) }
.carousel.carousel-fade .next,
.carousel.carousel-fade .prev { left: 0; z-index: 1 }
.carousel.carousel-fade .carousel-control { z-index: 3 }
.col-lg-2-4 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px }
.col-0 { clear: left }
.row.no-gutter { margin-left: 0; margin-right: 0 }
.no-gutter [class*="col"] { padding: 0 }
.modal-backdrop { background-color: #2e3e4e }
.modal-backdrop.in { opacity: .8; filter: alpha(opacity=80); display: none; }
.modal-over { width: 100%; height: 100%; position: relative; background: #2e3e4e }
.modal-center { position: absolute; left: 50%; top: 50% }
.modal-content { -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25); box-shadow: 0 2px 10px rgba(0,0,0,.25) }
.icon-muted { color: #ccc }
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form { border-color: transparent }
.navbar-fixed-top+* { padding-top: 50px }
@media(min-width:768px) {
body.container { -webkit-box-shadow: 0 3px 60px rgba(0,0,0,.3); box-shadow: 0 3px 60px rgba(0,0,0,.3); border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf }
.app,
.app body { width: 100%; height: 100%; overflow: hidden }
.app .hbox.stretch { height: 100% }
.app .vbox>section,
.app .vbox>footer { position: absolute }
.app .vbox.flex>section>section { overflow: auto }
.hbox { display: table; table-layout: fixed; border-spacing: 0; width: 100% }
.hbox>aside,
.hbox>section { display: table-cell; vertical-align: top; height: 100%; padding: 0; float: none }
.hbox>aside.show,
.hbox>section.show,
.hbox>aside.hidden-sm,
.hbox>section.hidden-sm { display: table-cell!important }
.vbox { border-spacing: 0; position: relative; height: 100%; width: 100% }
.vbox>section,
.vbox>footer { top: 0; bottom: 0; width: 100% }
.vbox>header~section { top: 50px }
.vbox>section.w-f { bottom: 50px }
.vbox>footer { top: auto; z-index: 1000; bottom: 105px; }
.vbox>footer~section { bottom: 50px }
.vbox.flex>header,
.vbox.flex>section,
.vbox.flex>footer { position: inherit }
.vbox.flex>section { display: table-row; height: 100% }
.vbox.flex>section>section { position: relative; height: 100%; -webkit-overflow-scrolling: touch }
.ie .vbox.flex>section>section { display: table-cell }
.vbox.flex>section>section>section { position: absolute; top: 0; bottom: 0; left: 0; right: 0 }
.aside-xs { width: 48px }
.aside { width: 180px }
.aside-sm { width: 150px }
.aside-md { width: 220px }
.aside-lg { width: 250px }
.aside-xl { width: 300px }
.aside-xxl-sm { width: 400px }
.aside-xxl { width: 450px }
.scrollable { -webkit-overflow-scrolling: touch; min-height: 300px; }
::-webkit-scrollbar {
width:7px;
height:7px
}
::-webkit-scrollbar-thumb {
background-color:rgba(50,50,50,.3)
}
::-webkit-scrollbar-thumb:hover {
background-color:rgba(50,50,50,.6)
}
::-webkit-scrollbar-track {
background-color:rgba(50,50,50,.1)
}
::-webkit-scrollbar-track:hover {
background-color:rgba(50,50,50,.2)
}
}
.hbox>aside,
.hbox>section { padding: 0!important }
.header>p { font-size: 14px; font-weight: bold }
.header>p>small { font-weight: normal; font-size: 70%; padding-left: 5px }
.header,
.footer { min-height: 50px; padding: 0 15px }
.header>p,
.footer>p { margin-top: 15px; display: inline-block }
.header>.btn,
.footer>.btn,
.header>.btn-group,
.footer>.btn-group,
.header>.btn-toolbar,
.footer>.btn-toolbar { margin-top: 10px }
.header>.btn-lg,
.footer>.btn-lg { margin-top: 0 }
.header .nav-tabs,
.footer .nav-tabs { border: none; margin-left: -15px; margin-right: -15px }
.header .nav-tabs>li a,
.footer .nav-tabs>li a { border: none!important; border-radius: 0; padding-top: 15px; padding-bottom: 15px; line-height: 20px }
.header .nav-tabs>li a:hover,
.footer .nav-tabs>li a:hover,
.header .nav-tabs>li a:focus,
.footer .nav-tabs>li a:focus { background-color: transparent }
.header .nav-tabs>li.active a,
.footer .nav-tabs>li.active a { color: #717171 }
.header .nav-tabs>li.active a,
.footer .nav-tabs>li.active a,
.header .nav-tabs>li.active a:hover,
.footer .nav-tabs>li.active a:hover { background-color: #f7f7f7 }
.header .nav-tabs.nav-white>li.active a,
.footer .nav-tabs.nav-white>li.active a,
.header .nav-tabs.nav-white>li.active a:hover,
.footer .nav-tabs.nav-white>li.active a:hover { background-color: #fff }
.header.navbar,
.footer.navbar { min-height: 0; border-radius: 0; border: none; margin-bottom: 0; padding: 0 }
body.container { padding: 0 }
.scrollable { overflow-x: hidden; overflow-y: auto }
.no-touch .scrollable.hover { overflow-y: hidden }
.no-touch .scrollable.hover:hover { overflow: visible; overflow-y: auto }
@media(max-width:767px) {
#content .vbox { height: 100% }
.frameset { overflow: hidden }
.open aside { z-index: 3 }
}
.frameset .open aside { z-index: 3 }
.msgbox { position: absolute; padding-top: 2px; height: 30px; top: 16px; text-align: center; z-index: 999; margin-left: 36% }
.msg { white-space: nowrap; padding: 8px 10px; height: 30px; line-height: 18px; width: 225px; overflow: hidden }
a.close { font-size: 19px; color: #000 }
a.close:hover { color: #000 }
@media print {
html,
body,
.hbox,
.vbox { height: auto }
.vbox>section,
.vbox>footer { position: relative }
}
.slimScrollBar { border-radius: 0!important }
.navbar-header { position: relative }
.navbar-header>.btn { position: absolute; font-size: 1.3em; padding: 9px 16px; line-height: 30px; left: 0; z-index: 2 }
.navbar-header .navbar-brand+.btn { right: 0; top: 0; left: auto }
#nav { background: #2E3E4E }
.navbar-brand { float: none; text-align: center; font-size: 20px; line-height: 50px; display: inline-block; padding: 0 15px; font-weight: bold; z-index: 0 }
.navbar-brand:hover { text-decoration: none }
.navbar-brand img { max-height: 20px; margin-top: -4px; vertical-align: middle }
.nav-primary { border-bottom: 1px solid rgba(255,255,255,.05) }
.bg-light .nav-primary { border-bottom: 1px solid #e9e9e9 }
.nav-primary li { line-height: 1.5 }
.nav-primary li>a>i { margin-right: .5em; font-size: 14px }
.nav-primary ul.nav>li>a { padding: 15px 15px; position: relative; text-shadow: 0 1px 1px rgba(0,0,0,.2); border-bottom: 1px solid rgba(0,0,0,.05)!important; border-top: 1px solid rgba(255,255,255,.05)!important; transition: color .3s ease-in-out 0s }
.no-borders .nav-primary ul.nav>li>a { border-width: 0!important }
.nav-primary ul.nav>li>a>.badge { font-size: 11px; padding: 3px 6px; margin-top: 2px }
.bg-light .nav-primary ul.nav>li>a { color: #717171!important; border-color: #ececec }
.bg-light .nav-primary ul.nav>li>a>i { color: #a4a4a4; border-right: 1px solid #ececec }
.nav-primary ul.nav>li>a.active .text { display: none }
.nav-primary ul.nav>li>a.active .text-active { display: inline-block!important }
.nav-primary ul.nav>li:hover>a,
.nav-primary ul.nav>li:focus>a,
.nav-primary ul.nav>li>a:hover,
.nav-primary ul.nav>li>a:focus,
.nav-primary ul.nav>li>a:active,
.nav-primary ul.nav>li.active>a { color: #fff; background-color: inherit; background-color: rgba(0,0,0,.075)!important; text-shadow: none }
.nav-primary ul.nav>li:hover>a>i.icon,
.nav-primary ul.nav>li:focus>a>i.icon,
.nav-primary ul.nav>li>a:hover>i.icon,
.nav-primary ul.nav>li>a:focus>i.icon,
.nav-primary ul.nav>li>a:active>i.icon,
.nav-primary ul.nav>li.active>a>i.icon { color: #fff }
.nav-primary ul.nav>li:hover>a>i>b,
.nav-primary ul.nav>li:focus>a>i>b,
.nav-primary ul.nav>li>a:hover>i>b,
.nav-primary ul.nav>li>a:focus>i>b,
.nav-primary ul.nav>li>a:active>i>b,
.nav-primary ul.nav>li.active>a>i>b { left: 0!important }
.nav-primary ul.nav>li.active>a { border-left: 1px solid #13c4a5 }
.nav-primary ul.nav>li li a { font-weight: normal; text-transform: none; font-size: 13px }
.nav-primary ul.nav>li.active>ul { display: block }
.nav-primary ul.nav ul { display: none }
.header.navbar { min-height: 0; border-radius: 0; border: none; margin-bottom: 0; padding: 0; z-index: 1010; border-bottom: 1px solid #162636 }
@media(min-width:768px) {
.visible-nav-xs { display: none }
.nav-xs { width: 90px; z-index: 1000; -webkit-transition: width .25s; transition: width .25s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
.nav-xs .slimScrollDiv,
.nav-xs .slim-scroll { overflow: visible!important }
.nav-xs .slimScrollBar,
.nav-xs .slimScrollRail { display: none!important }
.nav-xs .scrollable { overflow: visible }
.nav-xs .nav-primary>ul>li>a { position: relative; text-align: center }
.nav-xs .nav-primary>ul>li>a span { display: block; font-size: 14px }
.nav-xs .nav-primary>ul>li>a span.pull-right { display: none!important }
.nav-xs .nav-primary>ul>li>a i { display: block; font-size: 2em; margin: 6px 0 }
.nav-xs .nav-primary>ul>li>a i b { left: 0!important; -webkit-transition: top .2s; transition: top .2s }
.nav-xs .nav-primary>ul>li>a .badge { position: absolute; right: 10px; top: 10px }
.nav-xs .nav-primary>ul ul { display: none!important; position: absolute; left: 100%; top: 0; z-index: 1050; width: 220px; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.1); box-shadow: 0 2px 6px rgba(0,0,0,.1); border: 1px solid #ddd; border: 1px solid rgba(0,0,0,.1); background-clip: padding-box }
.nav-xs .nav-primary li:hover>ul,
.nav-xs .nav-primary li:focus>ul,
.nav-xs .nav-primary li:active>ul { display: block!important; overflow: visible!important }
.nav-xs.nav-xs-right .nav-primary>ul ul { left: auto; right: 100% }
.nav-xs>.vbox>.header,
.nav-xs>.vbox>.footer { padding: 0 15px }
.nav-xs .hidden-nav-xs { display: none }
.nav-xs .visible-nav-xs { display: inherit }
.nav-xs .nav-user { padding: 12px 0 }
.nav-xs .nav-user .avatar { float: none!important; margin-right: 0 }
.nav-xs .nav-user .dropdown>a { display: block; text-align: center }
.nav-xs .navbar-header { float: none }
.nav-xs .navbar-brand { display: block; padding: 0 }
.nav-xs .navbar-brand img { margin-right: 0 }
.nav-xs .navbar { padding: 0 }
}
@media(max-width:767px) {
.navbar-fixed-top-xs { position: fixed; left: 0; width: 100%; z-index: 1100 }
.navbar-fixed-top-xs+* { padding-top: 50px }
html,
body { min-height: 100%; overflow-x: hidden }
.open,
.open body { height: 100% }
.nav-primary .dropdown-menu { position: relative; float: none; left: 0; margin-left: 0; padding: 0 }
.nav-primary .dropdown-menu a { padding: 15px; border-bottom: 1px solid #eee }
.nav-primary .dropdown-menu li:last-child a { border-bottom: none }
.navbar-header { text-align: center }
.nav-user { margin: 0; padding: 15px }
.nav-user.open { display: inherit!important }
.nav-user .dropdown-menu { display: block; position: static; float: none }
.nav-user .dropdown>a { display: block; text-align: center; font-size: 18px; padding-bottom: 10px }
.nav-user .avatar { width: 160px!important; float: none!important; display: block; margin: 20px auto; padding: 5px; background-color: rgba(255,255,255,.1); position: relative }
.nav-user .avatar:before { content: ""; position: absolute; left: 5px; right: 5px; bottom: 5px; top: 5px; border: 4px solid #fff; border-radius: 500px }
.nav-off-screen { display: block!important; position: absolute; left: 0; top: 0; bottom: 0; width: 75%; visibility: visible; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch }
.nav-off-screen .nav-primary { display: block!important }
.nav-off-screen .navbar-fixed-top-xs { width: 75% }
.nav-off-screen.push-right .navbar-fixed-top-xs { left: 25% }
.nav-off-screen.push-right { left: auto; right: 0 }
.nav-off-screen.push-right+* { -webkit-transform: translate3d(-75%, 0, 0); transform: translate3d(-75%, 0, 0) }
.nav-off-screen+* { background-color: #f7f7f7; -webkit-transition: -webkit-transform .2s ease-in-out; -moz-transition: -moz-transform .2s ease-in-out; -o-transition: -o-transform .2s ease-in-out; transition: transform .2s ease-in-out; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(75%, 0, 0); transform: translate3d(75%, 0, 0); overflow: hidden; position: absolute; width: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: 2 }
.nav-off-screen+* .nav-off-screen-block { display: block!important; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1950 }
.navbar+section .nav-off-screen { top: 50px }
.navbar+section .nav-off-screen+* { top: 50px }
.slimScrollDiv,
.slim-scroll { overflow: visible!important; height: auto!important }
.slimScrollBar,
.slimScrollRail { display: none!important }
}
.arrow { border-width: 8px; z-index: 10 }
.arrow,
.arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid }
.arrow:after { border-width: 7px; content: "" }
.arrow.top { left: 50%; margin-left: -8px; border-top-width: 0; border-bottom-color: #eee; border-bottom-color: rgba(0,0,0,.1); top: -8px }
.arrow.top:after { content: " "; top: 1px; margin-left: -7px; border-top-width: 0; border-bottom-color: #fff }
.arrow.right { top: 50%; right: -8px; margin-top: -8px; border-right-width: 0; border-left-color: #eee; border-left-color: rgba(0,0,0,.1) }
.arrow.right:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -7px }
.arrow.bottom { left: 50%; margin-left: -8px; border-bottom-width: 0; border-top-color: #eee; border-top-color: rgba(0,0,0,.1); bottom: -8px }
.arrow.bottom:after { content: " "; bottom: 1px; margin-left: -7px; border-bottom-width: 0; border-top-color: #fff }
.arrow.left { top: 50%; left: -8px; margin-top: -8px; border-left-width: 0; border-right-color: #eee; border-right-color: rgba(0,0,0,.1) }
.arrow.left:after { content: " "; left: 1px; border-left-width: 0; border-right-color: #fff; bottom: -7px }
.btn-link { color: #717171 }
.btn-link.active { webkit-box-shadow: none; box-shadow: none }
.btn-default { color: #717171!important; background-color: #fafafa; border-color: #dadada; border-bottom-color: #ccc; -webkit-box-shadow: 0 1px 1px rgba(90,90,90,.1); box-shadow: 0 1px 1px rgba(90,90,90,.1) }
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default { color: #717171!important; background-color: #ededed; border-color: #c6c6c6 }
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default { background-image: none }
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active { background-color: #fafafa; border-color: #dadada }
.btn-default.btn-bg { border-color: rgba(0,0,0,.1); background-clip: padding-box }
.btn-primary { color: #fff!important; background-color: #65bd77; border-color: #65bd77 }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary { color: #fff!important; background-color: #53b567; border-color: #4bae5f }
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary { background-image: none }
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active { background-color: #65bd77; border-color: #65bd77 }
.btn-success { color: #fff!important; background-color: #8ec165; border-color: #8ec165 }
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success { color: #fff!important; background-color: #81ba53; border-color: #79b549 }
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success { background-image: none }
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active { background-color: #8ec165; border-color: #8ec165 }
.btn-info { color: #fff!important; background-color: #4cc0c1; border-color: #4cc0c1 }
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info { color: #fff!important; background-color: #3fb4b5; border-color: #3ba9a9 }
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info { background-image: none }
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active { background-color: #4cc0c1; border-color: #4cc0c1 }
.btn-warning { color: #fff!important; background-color: #ffc333; border-color: #ffc333 }
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning { color: #fff!important; background-color: #ffbb19; border-color: #ffb70a }
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning { background-image: none }
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active { background-color: #ffc333; border-color: #ffc333 }
.btn-danger { color: #fff!important; background-color: #fb6b5b; border-color: #fb6b5b }
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger { color: #fff!important; background-color: #fa5542; border-color: #fa4733 }
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger { background-image: none }
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active { background-color: #fb6b5b; border-color: #fb6b5b }
.btn-dark { color: #fff!important; background-color: #2e3e4e; border-color: #2e3e4e }
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark { color: #fff!important; background-color: #25313e; border-color: #1f2a34 }
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark { background-image: none }
.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active { background-color: #2e3e4e; border-color: #2e3e4e }
.btn-twitter { color: #fff!important; background-color: #00c7f7; border-color: #00c7f7 }
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter { color: #fff!important; background-color: #00b2de; border-color: #00a6ce }
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter { background-image: none }
.btn-twitter.disabled,
.btn-twitter[disabled],
fieldset[disabled] .btn-twitter,
.btn-twitter.disabled:hover,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter:hover,
.btn-twitter.disabled:focus,
.btn-twitter[disabled]:focus,
fieldset[disabled] .btn-twitter:focus,
.btn-twitter.disabled:active,
.btn-twitter[disabled]:active,
fieldset[disabled] .btn-twitter:active,
.btn-twitter.disabled.active,
.btn-twitter[disabled].active,
fieldset[disabled] .btn-twitter.active { background-color: #00c7f7; border-color: #00c7f7 }
.btn-facebook { color: #fff!important; background-color: #335397; border-color: #335397 }
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook { color: #fff!important; background-color: #2d4984; border-color: #294279 }
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook { background-image: none }
.btn-facebook.disabled,
.btn-facebook[disabled],
fieldset[disabled] .btn-facebook,
.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled:active,
.btn-facebook[disabled]:active,
fieldset[disabled] .btn-facebook:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled].active,
fieldset[disabled] .btn-facebook.active { background-color: #335397; border-color: #335397 }
.btn-gplus { color: #fff!important; background-color: #dd4a38; border-color: #dd4a38 }
.btn-gplus:hover,
.btn-gplus:focus,
.btn-gplus:active,
.btn-gplus.active,
.open .dropdown-toggle.btn-gplus { color: #fff!important; background-color: #d73825; border-color: #ca3522 }
.btn-gplus:active,
.btn-gplus.active,
.open .dropdown-toggle.btn-gplus { background-image: none }
.btn-gplus.disabled,
.btn-gplus[disabled],
fieldset[disabled] .btn-gplus,
.btn-gplus.disabled:hover,
.btn-gplus[disabled]:hover,
fieldset[disabled] .btn-gplus:hover,
.btn-gplus.disabled:focus,
.btn-gplus[disabled]:focus,
fieldset[disabled] .btn-gplus:focus,
.btn-gplus.disabled:active,
.btn-gplus[disabled]:active,
fieldset[disabled] .btn-gplus:active,
.btn-gplus.disabled.active,
.btn-gplus[disabled].active,
fieldset[disabled] .btn-gplus.active { background-color: #dd4a38; border-color: #dd4a38 }
.btn { font-weight: 500; border-radius: 2px }
.btn-icon { padding-left: 0; padding-right: 0; width: 34px; text-align: center }
.btn-icon.btn-sm { width: 30px }
.btn-icon.btn-lg { width: 45px }
.text-active,
.active>.text { display: none!important }
.active>.text-active { display: inline-block!important }
.btn-group-justified { border-collapse: separate }
.btn-rounded { border-radius: 50px }
.btn>i.pull-left,
.btn>i.pull-right { line-height: 1.428571429 }
.btn-block { padding-left: 12px; padding-right: 12px }
.btn-group-vertical>.btn:first-child:not(:last-child) { border-top-right-radius: 2px }
.btn-group-vertical>.btn:last-child:not(:first-child) { border-bottom-left-radius: 2px }
.chat-item:before,
.chat-item:after { content: " "; display: table }
.chat-item:after { clear: both }
.chat-item .arrow { top: 20px }
.chat-item .arrow.right:after { border-left-color: #8ec165 }
.chat-item .chat-body { position: relative; margin-left: 45px; min-height: 30px }
.chat-item .chat-body .panel { margin: 0 -1px }
.chat-item.right .chat-body { margin-left: 0; margin-right: 45px }
.chat-item+.chat-item { margin-top: 15px }
.comment-list { position: relative }
.comment-list .comment-item { margin-top: 0; position: relative }
.comment-list .comment-item>.thumb-sm { width: 36px }
.comment-list .comment-item .arrow.left { top: 20px; left: 39px }
.comment-list .comment-item .comment-body { margin-left: 46px }
.comment-list .comment-item .panel-body { padding: 10px 15px }
.comment-list .comment-item .panel-heading,
.comment-list .comment-item .panel-footer { position: relative; font-size: 12px; background-color: #fff }
.comment-list .comment-reply { margin-left: 46px }
.comment-list:before { position: absolute; top: 0; bottom: 35px; left: 18px; width: 1px; background: #e0e4e8; content: '' }
.timeline { display: table; width: 100%; border-spacing: 0; table-layout: fixed; position: relative; border-collapse: collapse }
.timeline:before { content: ""; width: 6px; margin-left: -4px; position: absolute; left: 50%; top: 0; bottom: 30px; background-color: #ddd; z-index: 0 }
.timeline .timeline-date { position: absolute; width: 150px; left: -200px; top: 50%; margin-top: -9px; text-align: right }
.timeline .timeline-icon { position: absolute; left: -41px; top: -2px; top: 50%; margin-top: -15px }
.timeline .time-icon { width: 30px; height: 30px; line-height: 26px; display: inline-block!important; z-index: 10; border: 2px solid #fff; border-radius: 20px; text-align: center }
.timeline .time-icon:before { font-size: 16px; margin-top: 5px }
.timeline-item { display: table-row }
.timeline-item:before,
.timeline-item.alt:after { content: ""; display: block; width: 50% }
.timeline-item.alt { text-align: right }
.timeline-item.alt:before { display: none }
.timeline-item.alt .panel { margin-right: 25px; margin-left: 0 }
.timeline-item.alt .timeline-date { left: auto; right: -200px; text-align: left }
.timeline-item.alt .timeline-icon { left: auto; right: -41px }
.timeline-item.active { display: table-caption; text-align: center }
.timeline-item.active:before { width: 1% }
.timeline-item.active .timeline-caption { display: inline-block; width: auto }
.timeline-item.active .timeline-caption h5 span { color: #fff }
.timeline-item.active .panel { margin-left: 0 }
.timeline-item.active .timeline-date,
.timeline-item.active .timeline-icon { position: static; margin-bottom: 10px; display: inline-block; width: auto }
.timeline-caption { display: table-cell; vertical-align: top; width: 50% }
.timeline-caption .panel { display: inline-block; margin-left: 25px; position: relative; text-align: left }
.timeline-caption h5 { margin: 0 }
.timeline-caption h5 span { display: block; color: #999; margin-bottom: 4px; font-size: 12px }
.timeline-caption p { font-size: 12px; margin-bottom: 0; margin-top: 10px }
.timeline-footer { display: table-row }
.timeline-footer a { display: table-cell; text-align: right }
.timeline-footer .time-icon { margin-right: -15px; z-index: 5 }
#note-list .note-name,
#note-list .note-desc { height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
#note-list .note-desc { height: 16px; font-size: 11px }
#note-list li { cursor: pointer }
#task-list .edit { display: none; float: left; position: relative; left: 0; top: -8px; border-width: 0; background: transparent; box-shadow: none; padding: 0 30px 0 0; font-size: 13px; color: #fff }
#task-list .editing .task-name { display: none }
#task-list .editing .edit { display: block }
#task-list .checkbox { margin: 4px 0 }
#task-list li { position: relative }
#task-list li .close { position: absolute; top: 13px; right: 15px }
#task-list li.done .task-name { text-decoration: line-through }
#task-detail textarea { height: 60px; font-size: 12px; border-radius: 0 }
.paper { position: relative; background: -webkit-linear-gradient(top, #f0f0f0 0%, #fff 5%) 0 0; background: -moz-linear-gradient(top, #f0f0f0 0%, #fff 5%) 0 0; background: linear-gradient(top, #f0f0f0 0%, #fff 5%) 0 0; -webkit-background-size: 100% 30px; -moz-background-size: 100% 30px; -ms-background-size: 100% 30px; background-size: 100% 30px }
.paper:before { content: ''; position: absolute; width: 0; top: 0; left: 39px; bottom: 0; border-left: 1px solid #f9d3d3 }
.paper textarea { border: none; background-color: transparent; height: 100%; padding: 30px 0 0 55px; line-height: 30px; min-height: 210px }
.tags .label { font-size: 1em; display: inline-block; padding: 6px 10px; margin-bottom: 3px }
.post-item { border-radius: 3px; background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15); box-shadow: 0 1px 2px rgba(0,0,0,.15); margin-bottom: 15px }
.post-item .post-title { margin-top: 0 }
.post-item .post-media { text-align: center }
.post-item .post-media img { border-radius: 3px 3px 0 0 }
.switch { cursor: pointer; position: relative }
.switch input { position: absolute; opacity: 0; filter: alpha(opacity=0) }
.switch input:checked+span { background-color: #8ec165 }
.switch input:checked+span:after { left: 31px }
.switch span { position: relative; width: 60px; height: 30px; border-radius: 30px; background-color: #fff; border: 1px solid #eee; border-color: rgba(0,0,0,.1); display: inline-block; -webkit-transition: background-color .2s; transition: background-color .2s }
.switch span:after { content: ""; position: absolute; background-color: #fff; width: 26px; top: 1px; bottom: 1px; border-radius: 30px; -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.25); box-shadow: 1px 1px 3px rgba(0,0,0,.25); -webkit-transition: left .2s; transition: left .2s }
.nav-docs>ul>li>a { padding-top: 5px!important; padding-bottom: 5px!important }
.dropfile { border: 2px dashed #e0e4e8; text-align: center; min-height: 20px }
.dropfile.hover { border-color: #aac3cc }
.dropfile small { margin: 50px 0; display: block }
.portlet { min-height: 30px }
.jqstooltip { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.easypiechart { position: relative; text-align: center }
.easypiechart .h2 { margin-left: 10px; margin-top: 10px; display: inline-block }
.easypiechart canvas { position: absolute; top: 0; left: 0 }
.easypiechart .easypie-text { position: absolute; z-index: 1; line-height: 1; font-size: 75%; width: 100%; top: 60% }
.easypiechart img { margin-top: -4px }
.combodate select { display: inline-block }
.doc-buttons .btn { margin-bottom: 5px }
.the-icons { list-style: none }
.fontawesome-icon-list i { font-size: 14px; width: 40px; margin: 0; display: inline-block; text-align: center }
.fontawesome-icon-list a { line-height: 32px; display: block; white-space: nowrap }
.fontawesome-icon-list a:hover i { font-size: 28px; vertical-align: middle }
.th-sortable { cursor: pointer }
.th-sortable .th-sort { float: right; position: relative }
.th-sort i { position: relative; z-index: 1 }
.th-sort .fa-sort { position: absolute; left: 0; top: 3px; color: #bac3cc; z-index: 0 }
.th-sortable.active .text { display: none!important }
.th-sortable.active .text-active { display: inline-block!important }
.sortable-placeholder { list-style: none; border: 1px dashed #ccc; min-height: 50px; margin-bottom: 5px }
.input-append.date .add-on i,
.input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px }
.parsley-error-list { margin: 0; padding: 0; list-style: none; margin-top: 6px; font-size: 12px }
.parsley-error { border-color: #ff5f5f!important }
.datepicker td.active,
.datepicker td.active:hover,
.datepicker td.active:hover.active,
.datepicker td.active.active { background: #65bd77!important }
.wizard .badge-info { background-color: #4cc0c1 }
.wizard .badge-success { background-color: #8ec165 }
.wizard ul li.active { color: #4cc0c1 }
#flotTip { padding: 3px 5px; background-color: #000; z-index: 100; color: #fff; opacity: .7; filter: alpha(opacity=70); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.group_item { display: inline-block; height: 26px; line-height: 1.5; margin-bottom: 2px; margin-right: 2px; padding-right: 6px; border-radius: 2px; background: #eee; vertical-align: middle }
.group_item_avatar img,
.group_item_close,
.group_item_name { vertical-align: middle }
.group_item_avatar { float: left }
.group_item_avatar img { width: 24px; height: 24px; border: 1px solid transparent; border-radius: 2px 0 0 2px }
.group_item_name { line-height: 26px; padding-left: 6px; float: left; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.group_item_close:after { content: ""; font-family: FontAwesome; font-size: 11px; color: #aaa; margin-left: 5px; cursor: pointer }
.input_group_add { vertical-align: middle; padding: 2px; height: 20px; border: none; line-height: 20px; color: #777; outline: 0; cursor: pointer }
.input_group_add:focus { outline: 0 }
.bg-gradient { background-image: -webkit-gradient(linear, left 0, left 100%, from(rgba(40,50,60,0)), to(rgba(40,50,60,.05))); background-image: -webkit-linear-gradient(top, rgba(40,50,60,0), 0, rgba(40,50,60,.05), 100%); background-image: -moz-linear-gradient(top, rgba(40,50,60,0) 0, rgba(40,50,60,.05) 100%); background-image: linear-gradient(to bottom, rgba(40,50,60,0) 0, rgba(40,50,60,.05) 100%); background-repeat: repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#0d28323c', GradientType=0);
filter: none }
.bg-light { background-color: #f1f1f1; color: #717171 }
.bg-light.lt,
.bg-light .lt { background-color: #f7f7f7 }
.bg-light.lter,
.bg-light .lter { background-color: #fefefe }
.bg-light.dk,
.bg-light .dk { background-color: #ebebeb }
.bg-light.dker,
.bg-light .dker { background-color: #e4e4e4 }
.bg-light .bg { background-color: #f1f1f1 }
.bg-dark { background-color: #2E3E4E; color: #9db1c5 }
.bg-dark.lt,
.bg-dark .lt { background-color: #374b5e }
.bg-dark.lter,
.bg-dark .lter { background-color: #41576e }
.bg-dark.dk,
.bg-dark .dk { background-color: #25313e }
.bg-dark.dker,
.bg-dark .dker { background-color: #1b252e }
.bg-dark .bg { background-color: #2e3e4e }
.bg-dark a { color: #adbece }
.bg-dark a:hover { color: #fff }
.bg-dark a.list-group-item:hover,
.bg-dark a.list-group-item:focus { background-color: inherit }
.bg-dark .nav .caret { border-top-color: #9db1c5; border-bottom-color: #9db1c5 }
.bg-dark .nav>li>a { color: #adbece }
.bg-dark .nav>li>a:hover,
.bg-dark .nav>li>a:focus { color: #fff; background-color: #25313e }
.bg-dark .nav>li>a:hover .caret,
.bg-dark .nav>li>a:focus .caret { border-top-color: #fff; border-bottom-color: #fff }
.bg-dark .nav .open>a { background-color: #25313e }
.bg-dark.navbar .nav>li.active>a { color: #fff; background-color: #25313e }
.bg-dark .open>a,
.bg-dark .open>a:hover,
.bg-dark .open>a:focus { color: #fff }
.bg-dark .text-muted { color: #8da4bb!important }
.bg-dark .icon-muted { color: #4a647e!important }
.bg-black { background-color: #282828; color: #9b9b9b }
.bg-black.lt,
.bg-black .lt { background-color: #353535 }
.bg-black.lter,
.bg-black .lter { background-color: #424242 }
.bg-black.dk,
.bg-black .dk { background-color: #1b1b1b }
.bg-black.dker,
.bg-black .dker { background-color: #0e0e0e }
.bg-black .bg { background-color: #282828 }
.bg-black a { color: #a8a8a8 }
.bg-black a:hover { color: #fff }
.bg-black a.list-group-item:hover,
.bg-black a.list-group-item:focus { background-color: inherit }
.bg-black .nav .caret { border-top-color: #9b9b9b; border-bottom-color: #9b9b9b }
.bg-black .nav>li>a { color: #a8a8a8 }
.bg-black .nav>li>a:hover,
.bg-black .nav>li>a:focus { color: #fff; background-color: #1b1b1b }
.bg-black .nav>li>a:hover .caret,
.bg-black .nav>li>a:focus .caret { border-top-color: #fff; border-bottom-color: #fff }
.bg-black .nav .open>a { background-color: #1b1b1b }
.bg-black.navbar .nav>li.active>a { color: #fff; background-color: #1b1b1b }
.bg-black .open>a,
.bg-black .open>a:hover,
.bg-black .open>a:focus { color: #fff }
.bg-black .text-muted { color: #8e8e8e!important }
.bg-black .icon-muted { color: #4e4e4e!important }
.bg-primary { background-color: #65bd77; color: #e2f3e5 }
.bg-primary.lt,
.bg-primary .lt { background-color: #77c587 }
.bg-primary.lter,
.bg-primary .lter { background-color: #89cc97 }
.bg-primary.dk,
.bg-primary .dk { background-color: #53b567 }
.bg-primary.dker,
.bg-primary .dker { background-color: #48a75b }
.bg-primary .bg { background-color: #65bd77 }
.bg-primary a { color: #fff }
.bg-primary a:hover { color: #fff }
.bg-primary a.list-group-item:hover,
.bg-primary a.list-group-item:focus { background-color: inherit }
.bg-primary .nav .caret { border-top-color: #e2f3e5; border-bottom-color: #e2f3e5 }
.bg-primary .nav>li>a { color: #fff }
.bg-primary .nav>li>a:hover,
.bg-primary .nav>li>a:focus { color: #fff; background-color: #53b567 }
.bg-primary .nav>li>a:hover .caret,
.bg-primary .nav>li>a:focus .caret { border-top-color: #fff; border-bottom-color: #fff }
.bg-primary .nav .open>a { background-color: #53b567 }
.bg-primary.navbar .nav>li.active>a { color: #fff; background-color: #53b567 }
.bg-primary .open>a,
.bg-primary .open>a:hover,
.bg-primary .open>a:focus { color: #fff }
.bg-primary .text-muted { color: #d0ebd6!important }
.bg-primary .icon-muted { color: #77c587!important }
.bg-success { background-color: #8ec165; color: #ebf4e4 }
.bg-success.lt,
.bg-success .lt { background-color: #9bc877 }
.bg-success.lter,
.bg-success .lter { background-color: #a9d089 }
.bg-success.dk,
.bg-success .dk { background-color: #81ba53 }
.bg-success.dker,
.bg-success .dker { background-color: #74ad46 }
.bg-success .bg { background-color: #8ec165 }
.bg-success a { color: #fff }
.bg-success a:hover { color: #fff }
.bg-success a.list-group-item:hover,
.bg-success a.list-group-item:focus { background-color: inherit }
.bg-success .nav .caret { border-top-color: #ebf4e4; border-bottom-color: #ebf4e4 }
.bg-success .nav>li>a { color: #fff }
.bg-success .nav>li>a:hover,
.bg-success .nav>li>a:focus { color: #fff; background-color: #81ba53 }
.bg-success .nav>li>a:hover .caret,
.bg-success .nav>li>a:focus .caret { border-top-color: #fff; border-bottom-color: #fff }
.bg-success .nav .open>a { background-color: #81ba53 }
.bg-success.navbar .nav>li.active>a { color: #fff; background-color: #81ba53 }
.bg-success .open>a,
.bg-success .open>a:hover,
.bg-success .open>a:focus { color: #fff }
.bg-success .text-muted { color: #deedd2!important }
.bg-success .icon-muted { color: #9bc877!important }
.bg-info { background-color: #4cc0c1; color: #d1efef }
.bg-info.lt,
.bg-info .lt { background-color: #5fc7c8 }
.bg-info.lter,
.bg-info .lter { background-color: #72cdce }
.bg-info.dk,
.bg-info .dk { background-color: #3fb4b5 }
.bg-info.dker,
.bg-info .dker { background-color: #38a1a2 }
.bg-info .bg { background-color: #4cc0c1 }
.bg-info a { color: #fff }
.bg-info a:hover { color: #fff }
.bg-info a.list-group-item:hover,
.bg-info a.list-group-item:focus { background-color: inherit }
.bg-info .nav .caret { border-top-color: #d1efef; border-bottom-color: #d1efef }
.bg-info .nav>li>a { color: #fff }
.bg-info .nav>li>a:hover,
.bg-info .nav>li>a:focus { color: #fff; background-color: #3fb4b5 }
.bg-info .nav>li>a:hover .caret,
.bg-info .nav>li>a:focus .caret { border-top-color: #fff; border-bottom-color: #fff }
.bg-info .nav .open>a { background-color: #3fb4b5 }
.bg-info.navbar .nav>li.active>a { color: #fff; background-color: #3fb4b5 }
.bg-info .open>a,
.bg-info .open>a:hover,
.bg-info .open>a:focus { color: #fff }
.bg-info .text-muted { color: #bee8e8!important }
.bg-info .icon-muted { color: #5fc7c8!important }
.bg-warning { background-color: #ffc333; color: #fff8e5 }
.bg-warning.lt,
.bg-warning .lt { background-color: #ffca4d }
.bg-warning.lter,
.bg-warning .lter { background-color: #ffd266 }
.bg-warning.dk,
.bg-warning .dk { background-color: #ffbb19 }
.bg-warning.dker,
.bg-warning .dker { background-color: #ffb400 }
.bg-warning .bg { background-color: #ffc333 }
.bg-warning a { color: #fff }
.bg-warning a:hover { color: #fff }
.bg-warning a.list-group-item:hover,
.bg-warning a.list-group-item:focus { background-color: inherit }
.bg-warning .nav .caret { border-top-color: #fff8e5; border-bottom-color: #fff8e5 }
.bg-warning .nav>li>a { color: #fff }
.bg-warning .nav>li>a:hover,
.bg-warning .nav>li>a:focus { color: #fff; background-color: #ffbb19 }
.bg-warning .nav>li>a:hover .caret,
.bg-warning .nav>li>a:focus .caret { border-top-color: #fff; border-bottom-color: #fff }
.bg-warning .nav .open>a { background-color: #ffbb19 }
.bg-warning.navbar .nav>li.active>a { color: #fff; background-color: #ffbb19 }
.bg-warning .open>a,
.bg-warning .open>a:hover,
.bg-warning .open>a:focus { color: #fff }
.bg-warning .text-muted { color: #fff0cc!important }
.bg-warning .icon-muted { color: #ffca4d!important }
.bg-danger { background-color: #fb6b5b; color: #fff }
.bg-danger.lt,
.bg-danger .lt { background-color: #fc8174 }
.bg-danger.lter,
.bg-danger .lter { background-color: #fc988d }
.bg-danger.dk,
.bg-danger .dk { background-color: #fa5542 }
.bg-danger.dker,
.bg-danger .dker { background-color: #fa3e29 }
.bg-danger .bg { background-color: #fb6b5b }
.bg-danger a { color: #fff }
.bg-danger a:hover { color: #fff }
.bg-danger a.list-group-item:hover,
.bg-danger a.list-group-item:focus { background-color: inherit }
.bg-danger .nav .caret { border-top-color: #fff; border-bottom-color: #fff }
.bg-danger .nav>li>a { color: #fff }
.bg-danger .nav>li>a:hover,
.bg-danger .nav>li>a:focus { color: #fff; background-color: #fa5542 }
.bg-danger .nav>li>a:hover .caret,
.bg-danger .nav>li>a:focus .caret { border-top-color: #fff; border-bottom-color: #fff }
.bg-danger .nav .open>a { background-color: #fa5542 }
.bg-danger.navbar .nav>li.active>a { color: #fff; background-color: #fa5542 }
.bg-danger .open>a,
.bg-danger .open>a:hover,
.bg-danger .open>a:focus { color: #fff }
.bg-danger .text-muted { color: #fff2f0!important }
.bg-danger .icon-muted { color: #fc8174!important }
.bg-white { background-color: #fff; color: #717171 }
.bg-white a { color: #2e3e4e }
.bg-white a:hover { color: #1b252e }
.bg-white .text-muted { color: #979797!important }
.bg-white-only { background-color: #fff }
.bg-empty { background-color: transparent }
.pos-rlt { position: relative }
.pos-stc { position: static }
.pos-abt { position: absolute }
.line {
*width:100%; height: 2px; margin: 10px 0; font-size: 0; overflow: hidden; background-color: transparent; border-width: 0; border-top: 1px solid #e8e8e8 }
.line-xs { margin: 0 }
.line-lg { margin-top: 15px; margin-bottom: 15px }
.line-dashed { border-style: dashed; background: transparent }
.no-line { border-width: 0 }
.no-border,
.no-borders { border-color: transparent; border-width: 0 }
.no-radius { border-radius: 0 }
.block { display: block }
.block.hide { display: none }
.inline { display: inline-block!important }
.pull-none { float: none }
.rounded { border-radius: 500px }
.btn-s-xs { min-width: 90px }
.btn-s-sm { min-width: 100px }
.btn-s-md { min-width: 120px }
.btn-s-lg { min-width: 150px }
.btn-s-xl { min-width: 200px }
.l-h-2x { line-height: 2em }
.l-h-1x { line-height: 1.2 }
.l-h { line-height: 1.5 }
.v-middle { vertical-align: middle!important }
.v-top { vertical-align: top!important }
.v-bottom { vertical-align: bottom!important }
.font-thin { font-weight: 300 }
.font-normal { font-weight: normal }
.font-semibold { font-weight: 600 }
.font-bold { font-weight: 700 }
.text-md { font-size: .85em }
.text-sm { font-size: 12px }
.text-xs { font-size: 10px }
.text-ellipsis { display: block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis }
.text-uc { text-transform: uppercase }
.text-lt { text-decoration: line-through }
.text-ul { text-decoration: underline }
.box-shadow { box-shadow: 0 1px 3px rgba(0,0,0,.05) }
.avatar { border: 1px solid rgba(255,255,255,.35); display: block; border-radius: 500px; white-space: nowrap }
.avatar img { border-radius: 500px }
.wrapper-sm { padding: 10px }
.wrapper { padding: 15px }
.wrapper-lg { padding: 30px }
.wrapper-xl { padding: 50px }
.padder { padding-left: 15px; padding-right: 15px }
.padder .fa { margin-right: 5px }
.padder-v { padding-top: 15px; padding-bottom: 15px }
.no-padder { padding: 0!important }
.pull-in { margin-left: -15px; margin-right: -15px }
.pull-out { margin: -10px -15px }
.b-a { border: 1px solid #cfcfcf }
.b-t { border-top: 1px solid #cfcfcf }
.b-r { border-right: 1px solid #cfcfcf }
.b-b { border-bottom: 1px solid #cfcfcf }
.b-l { border-left: 1px solid #cfcfcf }
.b-light { border-color: #e4e4e4 }
.b-dark { border-color: #374b5e }
.b-primary { border-color: #77c587 }
.b-success { border-color: #9bc877 }
.b-info { border-color: #5fc7c8 }
.b-warning { border-color: #ffca4d }
.b-danger { border-color: #fc8174 }
.b-black { border-color: #353535 }
.b-white { border-color: #fff }
.b-2x { border-width: 2px }
.b-3x { border-width: 3px }
.r { border-radius: 2px 2px 2px 2px }
.r-l { border-radius: 2px 0 0 2px }
.r-r { border-radius: 0 2px 2px 0 }
.r-t { border-radius: 2px 2px 0 0 }
.r-b { border-radius: 0 0 2px 2px }
.m-xs { margin: 5px }
.m-sm { margin: 10px }
.m { margin: 15px }
.m-md { margin: 20px }
.m-lg { margin: 30px }
.m-n { margin: 0!important }
.m-l-none { margin-left: 0 }
.m-l-xs { margin-left: 5px }
.m-l-sm { margin-left: 10px }
.m-l { margin-left: 15px }
.m-l-md { margin-left: 20px }
.m-l-lg { margin-left: 30px }
.m-l-xl { margin-left: 40px }
.m-l-n-xxs { margin-left: -1px }
.m-l-n-xs { margin-left: -5px }
.m-l-n-sm { margin-left: -10px }
.m-l-n { margin-left: -15px }
.m-l-n-md { margin-left: -20px }
.m-l-n-lg { margin-left: -30px }
.m-l-n-xl { margin-left: -40px }
.m-t-none { margin-top: 0 }
.m-t-xxs { margin-top: 1px }
.m-t-xs { margin-top: 5px }
.m-t-sm { margin-top: 10px }
.m-t { margin-top: 15px }
.m-t-md { margin-top: 20px }
.m-t-lg { margin-top: 30px }
.m-t-xl { margin-top: 40px }
.m-t-n-xxs { margin-top: -1px }
.m-t-n-xs { margin-top: -5px }
.m-t-n-sm { margin-top: -10px }
.m-t-n { margin-top: -15px }
.m-t-n-md { margin-top: -20px }
.m-t-n-lg { margin-top: -30px }
.m-t-n-xl { margin-top: -40px }
.m-r-none { margin-right: 0 }
.m-r-xs { margin-right: 5px }
.m-r-sm { margin-right: 10px }
.m-r { margin-right: 15px }
.m-r-md { margin-right: 20px }
.m-r-lg { margin-right: 30px }
.m-r-xl { margin-right: 40px }
.m-r-n-xxs { margin-right: -1px }
.m-r-n-xs { margin-right: -5px }
.m-r-n-sm { margin-right: -10px }
.m-r-n { margin-right: -15px }
.m-r-n-md { margin-right: -20px }
.m-r-n-lg { margin-right: -30px }
.m-r-n-xl { margin-right: -40px }
.m-b-none { margin-bottom: 0 }
.m-b-xs { margin-bottom: 5px }
.m-b-sm { margin-bottom: 10px }
.m-b { margin-bottom: 15px }
.m-b-md { margin-bottom: 20px }
.m-b-lg { margin-bottom: 30px }
.m-b-xl { margin-bottom: 40px }
.m-b-n-xxs { margin-bottom: -1px }
.m-b-n-xs { margin-bottom: -5px }
.m-b-n-sm { margin-bottom: -10px }
.m-b-n { margin-bottom: -15px }
.m-b-n-md { margin-bottom: -20px }
.m-b-n-lg { margin-bottom: -30px }
.m-b-n-xl { margin-bottom: -40px }
.media-xs { min-width: 50px }
.media-sm { min-width: 80px }
.media-md { min-width: 90px }
.media-lg { min-width: 120px }
.thumb { width: 64px; display: inline-block }
.thumb-lg { width: 128px; display: inline-block }
.thumb-md { width: 90px; display: inline-block }
.thumb-xs { width: 18px; display: inline-block }
.thumb-sm { width: 36px; display: inline-block }
.thumb-wrapper { padding: 2px; border: 1px solid #ddd }
.thumb img,
.thumb-xs img,
.thumb-sm img,
.thumb-md img,
.thumb-lg img { height: auto; max-width: 100%; vertical-align: middle }
.img-full { max-width: 100% }
.img-full>img { max-width: 100% }
.clear { display: block; overflow: hidden; clear: both }
.scroll-x,
.scroll-y { overflow: hidden; -webkit-overflow-scrolling: touch }
.scroll-y { overflow-y: auto }
.scroll-x { overflow-x: auto }
.no-touch .scroll-x,
.no-touch .scroll-y { overflow: hidden }
.no-touch .scroll-x:hover,
.no-touch .scroll-x:focus,
.no-touch .scroll-x:active { overflow-x: auto }
.no-touch .scroll-y:hover,
.no-touch .scroll-y:focus,
.no-touch .scroll-y:active { overflow-y: auto }
.no-touch .hover-action { display: none }
.no-touch .hover:hover .hover-action { display: inherit }
.h { font-size: 170px; font-weight: 300; text-shadow: 0 1px 0 #d9d9d9, 0 2px 0 #d0d0d0, 0 5px 10px rgba(0,0,0,.125), 0 10px 20px rgba(0,0,0,.2) }
@media screen and (min-width:992px) {
.col-lg-2-4 { width: 20%; float: left }
}
@media(max-width:767px) {
.shift { display: none!important }
.shift.in { display: block!important }
.row-2 [class*="col"] { width: 50%; float: left }
.row-2 .col-0 { clear: none }
.row-2 li:nth-child(odd) { clear: left; margin-left: 0 }
.text-center-xs { text-align: center }
.text-left-xs { text-align: left }
.pull-none-xs { float: none!important }
.hidden-xs.show { display: inherit!important }
}
div.tagsinput { border: 1px solid #ccc; background: #fff; padding: 5px; width: 300px; height: 100px; overflow-y: auto }
div.tagsinput span.tag { border: 1px solid #4bae5f; display: block; float: left; padding: 3px; border-radius: 2px; text-decoration: none; background: #53b567; color: #fff; margin-right: 5px; margin-bottom: 5px; font-family: helvetica; font-size: 13px }
div.tagsinput span.tag a { font-weight: bold; color: #fff; text-decoration: none; font-size: 11px }
div.tagsinput input { width: 80px; margin: 0; font-family: helvetica; font-size: 13px; border: 1px solid transparent; padding: 5px; background: transparent; color: #000; outline: 0; margin-right: 5px; margin-bottom: 5px; border-radius: 2px }
div.tagsinput div { display: block; float: left }
.tags_clear { clear: both; width: 100%; height: 0 }
.not_valid { background: #fbd8db!important; color: #90111a!important }
.btn:focus,
.btn:focus:active,
.active.btn:focus { outline: none }
.hd { display: none }
.hide-g { opacity: 0 }
.copyright { margin-top: 15px }
.map_container { width: 605px; height: 320px; margin-top: 10px; max-width: 100% }
.ww { width: 100% }
.panel-max-width { max-width: 1024px; margin: auto }
.alert { padding: 8px }
.pointer { cursor: pointer }
.table-vertical-top td { vertical-align: top!important }
.table-vertical-bottom td { vertical-align: bottom!important }
.table-vertical-middle td { vertical-align: middle!important }
.form-inline .form-group { vertical-align: top }
.input-daterangepicker { width: 310px }
.maroon { color: #f30; margin-left: 5px }
.money:before { content: "¥"; margin-right: 1px }
.checkbox-inline,
.radio-inline,
.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline { margin-left: 0; margin-right: 10px }
dl.dl-sm { width: 280px; margin-bottom: 10px }
dl.dl-sm dt { padding: 5px 7px; width: 120px; font-weight: normal }
dl.dl-sm dd { margin-left: 160px }
dl.dl-xs { width: 180px; margin-bottom: 10px }
dl.dl-xs dt { padding: 5px 7px; width: 55px; font-weight: normal }
dl.dl-xs dd { margin-left: 60px }
.load { background: url("/assets/images/loading.gif") no-repeat left center; height: 120px; line-height: 120px; margin: auto; padding-left: 40px; width: 120px }
.dummy,
textarea.dummy { width: 0; height: 1px; padding: 0; margin: 0; visibility: hidden; border: none }
.help-block { color: #a3a3a3; margin: 0; padding-top: 5px }
.sub { background: url("../images/element/bg_repno.gif") no-repeat scroll -6px 0 transparent; padding-left: 45px }
.ios #content { -webkit-overflow-scrolling: touch; overflow: auto }
.must::before { content: "*"; position: absolute; right: 2px; top: 10px; color: #f30; font-size: 12px }
#attributes td,
th { vertical-align: middle }
.bootbox-confirm .modal-dialog { width: 300px; margin: 30px auto }
.bootbox-confirm .modal-footer { padding: 10px }
.error { color: #b94a48!important; border-color: #b94a48!important }
.with-checkbox { width: 10px }
.mn150 { min-width: 150px }
.mn140 { min-width: 140px }
.mn130 { min-width: 130px }
.mn70 { min-width: 70px }
.mn80 { min-width: 80px }
.mn90 { min-width: 90px }
.mn100 { min-width: 100px }
.mx80 { max-width: 80px; overflow: auto }
.with-operation { width: 156px }
.nodata { text-align: center; padding: 10px }
.talbe-search .dropdown-select-50 { min-width: 50px; text-align: left }
.help-inline { color: rgba(122,122,122,.9) }
.region_box .province { width: 180px }
.region_box .cities { max-height: 213px; height: 213px; overflow-y: auto; border: 1px solid #c8d4e5; padding: 5px 10px }
@media(min-width:768px) {
.help-inline { padding-left: 5px }
.bootbox-confirm .modal-dialog,
.bootbox-alert .modal-dialog { width: 300px; margin: 30px auto }
.bootbox-confirm .modal-footer,
.bootbox-alert .modal-footer { padding: 10px }
.bootbox-alert .modal-dialog { width: 400px }
}
.entity-view tbody tr { cursor: pointer }
.entity-panel { position: absolute; top: 0; bottom: 0; right: 0; width: 35%; background-color: #f8f8f8; z-index: 3010; display: none; }
.entity-panel .entity-panel-wrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; box-shadow: -2px 0 4px rgba(0,0,0,.2) }
.entity-panel .entity-panel-header { position: relative; border-bottom: 1px solid #cfcfcf; background-color: #fff; color: #717171; }
.entity-panel .entity-panel-body { overflow-x: hidden; overflow-y: auto; position: absolute; top: 65px; left: 0; right: 0; bottom: 45px; padding-left: 7px }
.entity-panel .entity-panel-footer { position: absolute; bottom: 0; width: 100%; background-color: #fff; color: #717171; border-top: 1px solid #cfcfcf }
.app-item { width: 172px; float: left; overflow: hidden; cursor: pointer; text-align: center; position: relative; padding: 20px 30px; height: 200px }
.app-item.center { height: 260px; text-align: left }
.app-item .installed { position: absolute; right: 0; background: #81ba53; border-radius: 2px; color: #fff; padding: 3px; top: 10px }
.app-item-img { width: 130px; height: 130px }
.app-item-name { margin: 5px 0; font-size: 15px; width: 130px }
.app-item-count { margin: 5px 0; color: #a3a3a3; width: 130px }
.app-item-img-past { position: absolute; top: 20px; left: 30px; width: 130px; height: 130px }
.app-item-versions { color: #a3a3a3; width: 100% }
.app-item-time { width: 100%; color: #a3a3a3 }
.app-item-add { margin: 20px; width: 132px; height: 132px; float: left; overflow: hidden; cursor: pointer; text-align: center; border: 2px dashed #ccc }
.app-item-add i { font-size: 22px; margin: 58px }
.gallery { list-style-type: none; margin: 0 10px; padding: 0; *zoom:1
}
.gallery:after { content: ""; display: table; clear: both }
.gallery>li { float: left; margin-right: 10px; position: relative; cursor: pointer }
.gallery>li img { max-width: 100px; max-height: 200px }
.gallery>li>a { display: block }
.gallery>li:hover .extras { opacity: .9 }
.gallery>li .extras { position: absolute; top: 0; left: 0; text-align: center; background: rgba(0,0,0,.4); display: block; width: 100%; height: 100%; opacity: 0; -moz-transition: opacity .25s ease-in-out; -o-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out }
.gallery>li .extras:before { content: ''; display: inline-block; height: 100%; vertical-align: middle }
.gallery>li .extras .extras-inner { position: relative; display: inline-block; vertical-align: middle; width: 90%; height: auto }
.copy_text { position: relative }
.copy-success { position: absolute; left: -173px; top: -15px }
.face { display: inline-block; width: 30px; height: 30px; margin: -4px 6px 0 2px; vertical-align: middle; border-radius: 2px }
.contact_log_items .log_text { color: #323232; padding-right: 20px; overflow: hidden; word-break: break-all; word-wrap: break-word }
.contact_log_items .log_time { float: right; color: #8a8a8a }
.choosed_content_operlog { bottom: 0!important }
.contact_member_change_log { padding: 30px 14px 10px 10px }
.contact_log_items { margin: 0; padding: 0 }
#feedback_btn { padding: 3px 2px; text-align: center; position: fixed; z-index: 999; right: 10px; bottom: 65px; font-size: 23px; width: 32px; height: 50px; background-repeat: no-repeat; background-position: 0 0; -webkit-transition: bottom .9s; -moz-transition: bottom .9s; -o-transition: bottom .9s; transition: bottom .9s }
#feedback_btn a { background: #2e3e4e; font-size: 20px; color: #fff; display: block; text-decoration: none; padding: inherit; margin-bottom: 2px }
#feedback_btn:hover { cursor: pointer }
.input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.btn-file { overflow: hidden; position: relative; vertical-align: middle }
.btn-file>input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); font-size: 23px; height: 100%; width: 100%; direction: ltr; cursor: pointer }
.fileinput { margin-bottom: 9px; display: inline-block }
.fileinput .form-control { padding-top: 7px; padding-bottom: 5px; display: inline-block; margin-bottom: 0; vertical-align: middle; cursor: text }
.fileinput .thumbnail { overflow: hidden; display: inline-block; margin-bottom: 5px; vertical-align: middle; text-align: center }
.fileinput .thumbnail>img { max-height: 100% }
.fileinput .btn { vertical-align: middle }
.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists { display: none }
.fileinput-inline .fileinput-controls { display: inline }
.fileinput-filename { vertical-align: middle; display: inline-block; overflow: hidden }
.form-control .fileinput-filename { vertical-align: bottom; height: 100%; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; width: 300px }
.fileinput.input-group { display: table }
.fileinput.input-group>* { position: relative; z-index: 2 }
.fileinput.input-group>.btn-file { z-index: 1 }
.fileinput-new.input-group .btn-file,
.fileinput-new .input-group .btn-file { border-radius: 0 4px 4px 0 }
.fileinput-new.input-group .btn-file.btn-xs,
.fileinput-new .input-group .btn-file.btn-xs,
.fileinput-new.input-group .btn-file.btn-sm,
.fileinput-new .input-group .btn-file.btn-sm { border-radius: 0 3px 3px 0 }
.fileinput-new.input-group .btn-file.btn-lg,
.fileinput-new .input-group .btn-file.btn-lg { border-radius: 0 6px 6px 0 }
.form-group.has-warning .fileinput .fileinput-preview { color: #8a6d3b }
.form-group.has-warning .fileinput .thumbnail { border-color: #faebcc }
.form-group.has-error .fileinput .fileinput-preview { color: #a94442 }
.form-group.has-error .fileinput .thumbnail { border-color: #ebccd1 }
.form-group.has-success .fileinput .fileinput-preview { color: #3c763d }
.form-group.has-success .fileinput .thumbnail { border-color: #d6e9c6 }
.input-group-addon:not(:first-child) { border-left: 0 }
.relative { position: relative }
.absoluter { position: absolute; right: 0; top: 0 }
.padding-left .col-sm-12 { padding-left: 40px }
.form-control-static { -ms-word-break: break-all; word-break: break-all }
table td { -ms-word-break: break-all!important; word-break: break-all!important }
.h54 { height: 54px!important }
.nav-border-right { border-right: 1px solid rgba(0,0,0,.05)!important }
.nav-border-left { border-left: 1px solid rgba(255,255,255,.05)!important }
.nav-new-style { width: 91px; font-size: 15px!important; height: 54px!important; text-align: center }
.shortmenu-ul { margin-top: -10px }
.shortmenu-ul li { margin: 10px 9px 0 0; padding-right: 0; padding-left: 0; float: left; width: 130px }
#showShortcutMenuModal .shortmenu-ul li a { width: 130px; padding-right: 0; padding-left: 10px; display: block; text-align: left }
#shortmenuShow a { position: relative; zoom: 1 }
#shortmenuShow i { position: absolute; right: 3px; top: 8px }
#shortcutMenuList .shortmenu-ul li a { background: #f7f7f7; color: #666 }
#shortcutMenuList .show-disabled { color: #999!important }
#shortcutMenuList h6 { font-weight: bold; color: #000 }
.tabbable { *zoom:1
}
.tabbable:before,
.tabbable:after { display: table; line-height: 0; content: "" }
.tabbable:after { clear: both }
.tab-content { overflow: auto }
.tabs-left>.nav-tabs { border-bottom: 0; float: left; margin-right: 19px; border-right: 1px solid #ddd }
.tabs-left>.nav-tabs>li,
.tabs-right>.nav-tabs>li { float: none }
.tabs-left>.nav-tabs>li>a,
.tabs-right>.nav-tabs>li>a { min-width: 74px; margin-right: 0; margin-bottom: 3px }
.tabs-left>.nav-tabs>li>a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px }
.tabs-left>.nav-tabs>li>a:hover,
.tabs-left>.nav-tabs>li>a:focus { border-color: #eee #ddd #eee #eee }
.tabs-left>.nav-tabs .active>a,
.tabs-left>.nav-tabs .active>a:hover,
.tabs-left>.nav-tabs .active>a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color:#fff
}
.node-item { border-radius: 3px; box-shadow: 0 0 5px rgba(100, 100, 100, 0.5); height: 40px; line-height: 40px; padding: 0 5px; }
.node-item span { font-size: 12px; margin: 0 3px; max-width: 47px; min-width: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; white-space: nowrap; }
.root .node-item.self { background: #ffffde }
.node-item span i { cursor: pointer; }
.org-menu { background-color: #fff; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 0 5px #ccc; padding: 5px 0; position: absolute; display: none }
.org-menu .org-menu-item { color: #333; display: block; padding: 5px 20px; text-decoration: none; white-space: nowrap; }
.org-menu .org-menu-item:hover { background-color: #0066cc; color: #fff; }
.modal-dialog { margin: 30px auto; width: 600px; }
.addUserform { width: 40%; position: fixed; left: 30%; top: 100px; background: #fff; border-radius: 10px; box-shadow: 5px 5px 10px rgba(0,0,0,0.5) }
.addUserheader { border-bottom: 1px solid #e5e5e5; min-height: 16.4286px; padding: 15px; }
.addUserMain { padding: 20px; overflow: hidden; border-bottom: 1px solid #e5e5e5 }
.addUserName { float: left; padding-left: 5%; }
.addUserInput { float: left; padding-left: 5%; width: 75%; }
.addUserInput input { width: 100%; border: 1px solid #e5e5e5; height: 28px; line-height: 28px; text-indent: 1em; }
.addFlot { text-align: left; line-height: 2em; border: 1px solid #e5e5e5; text-indent: 1em; }
.addUserture { background-color: #65bd77; border: 1px solid #65bd77; color: #fff !important; }
.addUserFooter button { display: block; float: right; width: 8%; height: 35px; line-height: 35px; border-radius: 2px; }
.addUserfle { background-color: #fafafa; border: 1px solid #dadada; color: #717171 !important; margin-left: 2%; }
.addUserFooter { margin-top: 15px; padding: 19px 20px 20px; text-align: right; overflow: hidden }
.qfleft-header { padding: 0 1.3%; overflow: hidden; font-size: 13px; border-bottom: 1px solid #efefef; }
.qfleft-header p { float: left; line-height: 1.5em; font-size: 13px; margin: 15px 0; font-weight: bold; overflow: hidden; display: block; }
.qfleft-header span { float: left; display: block; }
.qfleft-header p b { font-weight: normal; white-space: nowrap; float: right; font-size: 0.75em; text-indent: 0.45em; }
.qfleft-header div { float: left; width: 3.2em; height: 3.2em; border-radius: 50%; margin-left: 1%; margin-top: 0.2em; }
.qfleft-header div img { border-radius: 2em; width: 100%; height: auto; }
.qf-choosed { padding: 0 1.3% }
.bumenname { overflow: hidden; background: none repeat scroll 0 0 #eee; border-radius: 2px; display: inline-block; height: 26px; line-height: 1.5; margin-right: 2px; padding-right: 6px; vertical-align: middle; line-height: 26px; padding-left: 6px; }
.send-h { float: left; display: block; padding: 0.7em 0; }
.send-name { float: left; width: 90%; position: relative; }
.choosed-pos { position: absolute; width: 100%; left: 0; bottom: -40px; z-index: 2000; background: #F1F1F1; display: none; }
.choosed-pos p { font-size: 13px; line-height: 40px; height: 40px; border: 1px solid #c7c7c7; border-top: none; padding: 0 2% }
.choosed-pos p i { padding-right: 3px; }
.houxuan { cursor: pointer; margin: 0; }
.sender-namein { padding: 0.5em 1%; width: 100%; margin-bottom: 0; border: 1px solid #d9d9d9; overflow: hidden; }
.bumenname p { display: block; float: left; margin: 0; max-width: 200px; border-radius: 2px; }
.sender-namein li { float: left; }
.qf-choosedin { padding: 0.8em 0; }
.bumenname span { float: left; }
.bumenname span:after { color: #aaa; content: ""; cursor: pointer; font-family: FontAwesome; font-size: 11px; margin-left: 5px; }
.bumennameadd input { border: none; background: #F7F7F7 }
.qfleft-main { border-top: 1px solid #cfcfcf; }
.qfm-tin { overflow: hidden; padding-left: 15px; }
.qfm-t { background: #f1f1f1; }
.qfm-b { overflow: hidden }
.addimgmain { width: 100% }
.addimgmain p { line-height: 50px; height: 50px; padding: 2%; }
.addimgmain { overflow: hidden; }
.addimgmain li { width: 160px; height: 160px; float: left; margin: 15px; border: 3px solid rgba(255,255,255,0); box-shadow: 1px 1px 0 #666 inset, -1px -1px 0 #666 inset; padding: 1px; }
.addimgmain li img { width: 100%; height: auto; }
.qfm-tin li { float: left; cursor: pointer; line-height: 20px; padding: 15px; }
.hit { background: #fff; }
.qfm-m { width: 100%; }
.qfm-m1 { padding: 15px; display: none }
.qfm-m1 textarea { width: 100%; resize: none; border: none; height: 300px; }
.qfm-mlb { padding: 10px 1.3%; position: absolute; width: 100%; bottom: 0; left: 0; }
.qfm-mlb span { float: right; display: block; padding-top: 12px; }
.qfm-m1t { width: 50%; position: relative; border: 1px solid #cfcfcf; padding-bottom: 50px; background: #fff; }
.biaoqing { float: left; font-size: 20px; }
.m-l { float: left; margin-top: 15px; }
.qfleft-main { height: auto !important; }
.qfbox { height: 100% !important; }
.qfleft { width: 70%; float: left; -moz-box-flex: 2.0; /* Firefox */ -webkit-box-flex: 2.0; /* Safari and Chrome */ box-flex: 2.0; }
.qfright { float: left; border-left: 1px solid #cfcfcf; width: auto; -moz-box-flex: 1.0; /* Firefox */ -webkit-box-flex: 1.0; /* Safari and Chrome */ box-flex: 1.0; width: 30%; height: 100%; }
.yulan { font-size: 13px; padding: 15px 0; text-align: center; font-weight: bold; width: 100%; border-bottom: 1px solid #cfcfcf; }
.qfbox { display: box; box-orient: horizontal; }
.ylm-in { padding: 10px 4%; margin: 10px 0; overflow: hidden; }
.yl-img { float: left; display: block; width: 2em; height: 2em; border-radius: 5px; }
.yl-text { display: block; float: left; margin-left: 4%; padding: 10px 5px; min-height: 34px; border-radius: 5px; border: 1px solid #529B41; background: #529B41; position: relative; max-width: 60%; color: #fff; }
.yl-text i { position: absolute; width: 3px; height: 0px; border-color: transparent #529b41 transparent transparent; border-width: 4px 6px 4px 0; left: -7px; top: 10px; display: block; border-style: solid; }
.btn-group { margin-top: 15px; margin-left: 10px }
.tishi { margin: 200px auto 0; }
.tishitu { width: 80px; height: 65px; margin: 0 auto; background: url(../images/icon_empty_placeholder_32db29c7.png) no-repeat -160px -86px; }
.tishizi { text-align: center }
.yuyin { background-position: -161px -5px; }
.tuwen { background-position: -240px -5px; }
.wenjian { background-position: -240px -90px; }
.message_footer { width: 100%; position: fixed; left: 0; bottom: 0; }
.jcbd { position: fixed; top: 100px; left: 30%; display: none; z-index: 9999; }
.touxiangyou { width: 100%; height: auto; }
